/*  ━━━━━━神兽出没━━━━━━
 　　　┏┓　　　┏┓
 　　┏┛┻━━━┛┻┓
 　　┃　　　　　　　┃
 　　┃　　　━　　　┃
 　　┃　┳┛　┗┳　┃
 　　┃　　　　　　　┃
 　　┃　　　┻　　　┃
 　　┃　　　　　　　┃
 　　┗━┓　　　┏━┛
 　　　　┃　　　┃
 　　　　┃　　　┃
 　　　　┃　　　┗━━━┓
 　　　　┃　　　　　　　┣┓
 　　　　┃　　　　　　　┏┛
 　　　　┗┓┓┏━┳┓┏┛
 　　　　　┃┫┫　┃┫┫
 　　　　　┗┻┛　┗┻┛

 ━━━━━━感觉萌萌哒━━━━━━
 */

body{margin:0;padding:0;background:#fff;}
body{margin:0;padding:0;font:14px Tahoma,Verdana,Geneva,微软雅黑,sans-serif;color:#555}
body,div,span,p,h4,ul,li{padding: 0;margin: 0;}
ul{list-style: none;}
table,tr,td{border: none;overflow: hidden;}
a,a:hover{text-decoration: none;}
a:focus {outline:none;}
.left{float: left;}
.right{float: right;}
.clearfix:after{clear:both;content:".";display:block;margin:0;padding:0;font-size:0;height:0;line-height:0;overflow:hidden}
.clearfix{*zoom:1}
a{  text-decoration:none;  }
a:link{  text-decoration:none;  }
a:visited{  text-decoration:none;  }
a:hover{  text-decoration:none;  }
a:active{  text-decoration:none;  }

.itermText_Center{
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;

    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}
img{max-width: 100%;}
.backdown {
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    width: 200px;
    height: 200px;
    background: transparent;
    left: 0;
    bottom: 0;
}
.backtop{
    display: none;
    justify-content: center;
    align-items: center;
    position: fixed;
    width: 100px;
    height: 150px;
    background: transparent;
    right: 0;
    bottom: 0;
}
.backdown_container {
    position: relative;
    width: 24px;
    height: 24px;
}

.chevron {
    position: absolute;
    width: 28px;
    height: 8px;
    opacity: 0;
    transform: scale3d(0.5, 0.5, 0.5);
    animation: move 3s ease-out infinite;
}

.chevron:first-child {
    animation: move 3s ease-out 1s infinite;
}

.chevron:nth-child(2) {
    animation: move 3s ease-out 2s infinite;
}

.chevron:before,
.chevron:after {
    content: ' ';
    position: absolute;
    top: 0;
    height: 100%;
    width: 51%;
    background: #2b1508;
}

.chevron:before {
    left: 0;
    transform: skew(0deg, 30deg);
}

.chevron:after {
    right: 0;
    width: 50%;
    transform: skew(0deg, -30deg);
}
.backtop .chevron:before {
    left: 0;
    transform: skew(0deg, -30deg);
}

.backtop .chevron:after {
    right: 0;
    width: 50%;
    transform: skew(0deg, 30deg);
}
@keyframes move {
    25% {
        opacity: 1;

    }
    33% {
        opacity: 1;
        transform: translateY(30px);
    }
    67% {
        opacity: 1;
        transform: translateY(40px);
    }
    100% {
        opacity: 0;
        transform: translateY(55px) scale3d(0.5, 0.5, 0.5);
    }
}

.text {
    display: block;
    margin-top: 75px;
    margin-left: -30px;
    font-family: "Helvetica Neue", "Helvetica", Arial, sans-serif;
    font-size: 12px;
    color: #fff;
    text-transform: uppercase;
    white-space: nowrap;
    opacity: .25;
    animation: pulse 2s linear alternate infinite;
}

@keyframes pulse {
    to {
        opacity: 1;
    }
}

@media (min-width: 1200px)
{  }
@media (max-width: 991px) and (min-width: 768px)
{  }
@media (max-width: 767px)
{  }
img{max-width: 100%;}
.header{padding: 25px 0;}
.headerLogo{}
.headerForm{}
.menuForm{width: 80%;}
.headerForm .form-group{width: 100%;}
.headerForm .form-control{position: relative;width: 100%;    border-radius: 30px;  }
.CompanyLogobox{    width: 50%;  padding: 15px;}
.headerForm .btn-default {
    position: absolute;
    top: 0;
    right: 0;
    border-color: #060331;
    background: #060331;
    color: #fff;
    border-top-left-radius: 0px;
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
    border-bottom-left-radius: 0px;padding: 6px 16px;
}
.langugaeChoose a {
    display: inline-block;
    margin: 5px;
    border-radius: 100%;
}
.navbar-default {
    background-color: #fff;
    border-color: #fff;
    margin-bottom: 0;
}
.menuIterm{text-align: center;position: relative;padding-bottom: 10px;}
.menuIterm a{color: #161616;display: inline-block;  padding: 5px 0;  border-bottom: 2px solid transparent;}
.menuIterm a.active,.menuIterm:hover .menulv1{border-bottom: 2px solid #161616;}

.menuIterm .dropdown-menu{    width: 100%;  min-width: 0;    top: 38px;}
.menuIterm .dropdown-menu > li > a {
    display: block;
    padding: 5px;
    clear: both;
    font-weight: normal;
    line-height: 1.5;
    color: #333;
    white-space: normal;
    text-align: center;    height: auto;
}
@media (min-width: 1200px)
{ .menuIterm{width: 110px;  font-size: 18px; padding-bottom: 10px;} .menuIterm:hover .dropdown-menu{display: block;} }
@media (max-width: 991px) and (min-width: 768px)
{  .menuIterm{ width: 12.5%;} }
@media (max-width: 767px)
{ .menuIterm a {
    color: #161616;
    display: block;
    padding: 5px 0;
    margin-bottom: 5px;
    border-bottom: 2px solid transparent;
}
    .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
        color: #161616;
        background-color: #fff;
    }
    .nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
        background-color: #eee;
        border-color: #161616;
    }
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: #777;
        display: block;
        text-align: center;
    }
}

.instroduction,.techonology{padding: 100px 0;}
.companyIndexTitle{padding-bottom: 40px;}
.companyVideo{padding-top: 40px;}
.companyVideo iframe,.companyVideo embed{width: 100%;}
.sectionInfo{color: #161616;line-height: 2;font-size: 16px;text-indent: 2em;}
.companyShow{text-align: center;}
.getMore{    float: right;color: #161616;}

.equipmentTitle{background: #e6e5ea;padding: 15px 0;text-align: right;}
.equipmentIterm{position: relative;}
.equipmentIterm img{width: 100%;}
.equipmentItermCover{position: absolute;width: 100%;height: 100%;background: url("../images/epBG.png");display: none;}
.equipmentItermCoverBox{height: 100%;}
.equipmentItermCoverPic img{width: auto;}
.equipmentItermCoverPic,.equipmentItermName{width: 100%;text-align: center;color: #FFFFFF;padding: 15px;  font-size: 16px;}
.equipmentIterm:hover .equipmentItermCover{display: block;}


.techonologyName,.techonologyPic,.techonologyMore{background:#060331;}
.techonologyTitle{padding-bottom: 30px;text-align: right;}
.techonologyName{font-size: 20px;}
.techonologyPic{position: relative;}
.techonologyPic img{    width: 100%;  border: 5px solid #060331;}
.techonologyMore,.techonologyName{text-align: center;padding: 15px;color: #FFFFFF;  }
.techonologyName{padding: 25px;}
.techonologyMore{opacity: 0;transition-duration: 0s;
    -moz-transition-duration: 0s; /* Firefox 4 */
    -webkit-transition-duration: 0s; /* Safari 和 Chrome */
    -o-transition-duration: 0s; }
@media (min-width: 767px){
    .technologyIterm{width: 20%;padding: 0 15px;}
}

.technologyIterm:hover  .techonologyMore{opacity: 1;}
.technologyIterm:hover .techonologyName  ,
.technologyIterm:hover .techonologyPic,
.technologyIterm:hover .techonologyMore{box-shadow: 10px 10px 5px #888888;}
.techonologyPicCover{position: absolute; display: none;  background: url("../images/epBG.png");line-height: 2;    padding: 5%;  width: 90%;  height: 95%;  margin: 5%;  top: 0;  left: 0;  overflow: hidden;color: #faffbd;}
.technologyIterm:hover .techonologyPicCover{display: block;}
@media (max-width: 991px)
{
    .techonologyPicCover{font-size: 12px;}
    .techonologyMore{display: none;}
    .techonologyPicCover{display: block;}
    .sectionTitle img{max-width: 300px;}
    .technologyIterm{margin-bottom: 15px;}
    .instroduction, .techonology {
        padding: 50px 0;
    }
}
@media (max-width: 767px){
    .techonologyName {
        padding: 25px;
        height: 105px;
    }
}

.produceTitle{background: url("../images/protitleBG.jpg");background-size: cover;padding: 45px 0;}

.produce{background: #f5f5f7;}
.proMenuIterm{width: 90%;    color: #050329;
    border: 1px solid #050329;
    text-align: center;
    margin-bottom: 20px;
    font-size: 16px;}
.proMenuIterm:last-child{margin-bottom: 0;}
.proMenuIterm a{color: #050329;    display: block;  padding: 15px;}
.proMenuIterm .choose{color: #FFFFFF;background:#050329; }
.proMenu{position: relative;}

@media (max-width: 767px){
    .proMenuIterm a {
        height: 80px;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;

        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}
.proMenuCover{;transition-duration: 1s;
    -moz-transition-duration: 1s; /* Firefox 4 */
    -webkit-transition-duration: 1s; /* Safari 和 Chrome */
    -o-transition-duration: 1s;position: absolute;background: url("../images/afterCover.jpg") no-repeat;z-index: 99;width: 18px;  height: 85px;  top: 0px;  right: -15px;}

.proShowItermInfo{text-align: center;  padding: 10px;margin: auto;background: #060331;    margin-bottom: 15px;}
.proShowItermInfo:hover{box-shadow: 10px 10px 5px #888888;}
.proShowIterm{}
.proShowItermName{ color: #fff;  font-size: 14px;  padding-top: 10px;    height: 40px;}
.proShowBox{display: none;}
.proShowBox:first-child{display: block;}
@media (min-width: 767px){
    .proMenu:after{content: '';position: absolute;right: 0;top: 0;width: 2px;height: 100%;background: #adacbb;}
}

@media (max-width: 767px)
{
    .proMenuIterm {  width: 50%;  float: left;  color: #050329;  border: 1px solid #050329;  text-align: center;  margin-bottom: 0;  font-size: 16px;  }
    .proMenuCover{display: none;}
    .proMenu {
        position: relative;
        margin-bottom: 20px;
    }
}

.newscenter{padding: 30px 0;}
.newscenterTitle{padding-bottom: 30px;}

.nwesIterm{padding-bottom: 30px;}
.newsTitle{}
.newsName{padding: 0;position: relative;
    font-size: 18px;
    color: #161616;
    padding-bottom: 5px;
    text-decoration: underline;
    overflow: hidden;}
.newsName img{padding: 5px;}
.newsTime{text-align: right;
    color: #161616;}
.newsInfo{    color: #b0b0b0;
    font-size: 12px;
    line-height: 2;
    text-indent: 2em;}
.newsMore{float: right;width: 20px;}
.newsMore img{display: block;}

.footer{background: #060331;padding: 50px 0;}
.footerMsg{color: #fff;
    line-height: 2;}
.footerMsgTitle{font-size: 30px;font-weight: bold;padding-bottom: 30px;}
.footerIterm img,.footerIterm span{padding: 5px;}
.footerIterm{font-size: 18px;}
.footerPic{text-align: center;padding-top: 30px;}
.endFooter{text-align: center;padding: 10px 0;}